<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>一元运购-结算</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/> 
<link rel="stylesheet" type="text/css" href="style/main.css">
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
	<div class="header loginhead">
		<div class="nav">
			 <div class="search return"><a href="javascript:history.go(-1);"></a></div>
		    <div class="title">结算</div>
		    <div id="screenIfmNav" class="screenIfm" onclick="$('#sub-title').toggle();$(this).hide();"></div>
		</div>
	</div>
	<div class="container">
		<div class="tabbox paylist">
			<div class="tabmain max" style="display: block;">
				<ul>
					<li>
						<div class="deps">
							<img src="images/li.jpg" alt="">
							<p>(第975云) 华为（HUAWEI）P10 Plus 6GB+64GB版 全网通 4G手机</p>
							<div class="num"><span>1</span>人次</div>
						</div>
					</li>
					<li>
						<div class="deps">
							<img src="images/li.jpg" alt="">
							<p>(第975云) 华为（HUAWEI）P10 Plus 6GB+64GB版 全网通 4G手机</p>
							<div class="num"><span>1</span>人次</div>
						</div>
					</li>
					<li>
						<div class="deps">
							<img src="images/li.jpg" alt="">
							<p>(第975云) 华为（HUAWEI）P10 Plus 6GB+64GB版 全网通 4G手机</p>
							<div class="num"><span>1</span>人次</div>
						</div>
					</li>
					<li>
						<div class="deps">
							<img src="images/li.jpg" alt="">
							<p>(第975云) 华为（HUAWEI）P10 Plus 6GB+64GB版 全网通 4G手机</p>
							<div class="num"><span>1</span>人次</div>
						</div>
					</li>
					<li>
						<div class="deps">
							<img src="images/li.jpg" alt="">
							<p>(第975云) 华为（HUAWEI）P10 Plus 6GB+64GB版 全网通 4G手机</p>
							<div class="num"><span>1</span>人次</div>
						</div>
					</li>
				</ul>
			</div>
			<div class="ud slide">
				<span><img src="images/down.png" alt=""><i>展开</i><i style="display:none;">收起</i></span>
			</div>
			<div class="total"><span>共5件商品</span><span>合计：<i>￥6.00</i></span></div>
			<script type="text/javascript">
				$(function(){
					$('.ud').click(function(){
						$('.ud img').toggleClass('rotate');
						$('.ud i').toggle();
						$('.ud').toggleClass('slide');
						$('.tabmain').toggleClass('max');
					})
				})
			</script>
		</div>
		<div class="paytype r_pay">
			<ul>
				<li class="r_disabled">
					
					<div class="checkbox">
						<input type="radio" name="payway" value="1" id="ty1">
						<label for="ty1"></label>
					</div>
					<p>福分支付<span>(您的福分20)</span></p>
					<label for="ty1"></label>
				</li>
				<li class="r_disabled">
					
					<div class="checkbox">
						<input type="radio" name="payway" value="1" id="ty2">
						<label for="ty2"></label>
					</div>
					<p>余额支付<span>(账户余额￥0.00)</span></p>
					<label for="ty2"></label>
				</li>
			</ul>
		</div>
		<div class="paytype r_pay" style="margin-bottom:2rem;">
			<ul>
				<li>
					
					<div class="checkbox">
						<p>需支付：<i>￥6.00</i></p>
					</div>
					<p>网银支付</p>
				</li>
				<li>
					<div class="checkbox">
						<input type="radio" name="payway" value="1" id="ty3">
						<label for="ty3"></label>
					</div>
					<img src="images/icon_pay_wangyin.png" alt="">
					<div class="clear"></div>
					<label for="ty3"></label>
				</li>
				<li>
					
					<div class="checkbox">
						<input type="radio" name="payway" value="1" id="ty4">
						<label for="ty4"></label>
					</div>
					<img src="images/icon_pay_unionpay.png" alt="">
					<div class="clear"></div>
					<label for="ty4"></label>
				</li>
				<li>
					
					<div class="checkbox">
						<input type="radio" name="payway" value="1" id="ty5">
						<label for="ty5"></label>
					</div>
					<img src="images/icon_pay_weixin.png" alt="">
					<div class="clear"></div>
					<label for="ty5"></label>
				</li>
			</ul>
		</div>
		<script type="text/javascript">
			$(function(){
				$('.paytype li').each(function(){
					if($(this).hasClass('r_disabled')){
						$(this).find('input').attr('disabled',true);
					}
				})
			})
		</script>
		<div class="paybtn">
			<a href="javascript:">
				去支付
			</a>
		</div>
	</div>
</body>
</html>